<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jquery和dom对象相互转换</title>
</head>
<body>
<div>
    <h1 id="yxqz">我爱吃鱼香茄子</h1>
</div>

<!--引入Jquery-->
<script src="../../js/jquery-3.3.1.js"></script>

<!--将dom对象转为Jquery对象
    jquery  === $
-->
<script>
    let js_yxqz = document.getElementById("yxqz");
    console.log("原生的js对象："+js_yxqz)
    console.log("一个空的jquery对象："+$())
    console.log("将原生js对象转换为jquery对象后："+$(js_yxqz).html())
</script>

<!--将jquery对象转为js对象-->
<script>
    let jquery_yxqz = $('#yxqz');
    let dom_yxqz = jquery_yxqz[0];
    console.log("将jquery对象转为原生js对象后："+dom_yxqz.innerHTML)
</script>
<!--dom对象和jquery对象是独立的两个对象
    dom对象的方法或者属性无法被jquery对象直接使用
    jquery对象中的方法或者属性也无法dom对象直接使用
    如果想互相使用，则需要转换
    dom转为jquery，直接使用$(“dom对象”)转换
    jquery转为dom，可以使用jquery对象[索引值]或者jquery对象.get(索引值)
-->

</body>
</html>